import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import home from '@/components/home'
import news from '@/components/news'

// 向vue说明 我们要使用路由--路由注册
Vue.use(Router)

export default new Router({
  routes: [
    {
      //  到时候地址栏会显示的路径
      path: '/',
      name: 'HelloWorld',
      // Home是组件的名字，这个路由对应跳转到的组件
      component: HelloWorld
    },
    {
      path: '/h',
      name: 'home',
      component: home
    },
    {
      path: '/n',
      name: 'news',
      component: news
    }
  ],
  //  干掉地址栏里边的#号键
  mode: 'history'
})
